{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block content %}
<div class="container mt-5">
    <div data-bs-theme="light" class="p-4 text-body bg-body borders" style="width: 1130px; height: 805px;">
    <div class="row g-5">
      <form action="" method="post" enctype="multipart/form-data">

        {% csrf_token %}
        <div class="row mt-3" style="margin: 110px;">
            <h1>Описание персонажа и действий</h1>
            <div class="col-md-auto" id="image-field">
                <div class="row mt-3 label">
                   {{ form.character.label }}
               </div>
               <div class="row mt-1">
                   {{ form.character }}
               </div>
                <div class="row mt-3 label">
                    {{ form.action.label }}
                </div>
                <div class="row mt-1">
                    {{ form.action }}
                </div>
            </div>
           <div class="col" style="margin-left: 18px;">
               <div class="row mt-3 label">
                   {{ form.place.label }}
               </div>
               <div class="row mt-1">
                   {{ form.place }}
               </div>
                <div class="row mt-3 label">
                    {{ form.avoidance.label }}
                </div>
                <div class="row mt-1">
                    {{ form.avoidance }}
                </div>
          </div>
        
          <hr align="center" class="my-4" method="post">
          <input class="w-100 btn btn-success btn-lg"
                  type="submit"
                  style="--bs-btn-padding-y: 10px; --bs-btn-padding-x: 10px; --bs-btn-font-size: 17px;" 
                  value="Перейти к сюжету">
        </form>
    </div>

    </div>
</div>
</html>
{% endblock %}